// pages/statistics/wbj/index.js
import {
  getwxcdTj,
} from '../../api/statistics'
import * as echarts from '../../components/ec-canvas/echarts';
let chart = null;
var option = {
  tooltip: {
    trigger: 'item'
  },
  legend: {
    top:'10%',
    left: 'center',
  },
  series: [{
    type: 'pie',
    radius: '80%',
    data: [],
    label: {
      normal: {
        formatter:'{b}:{c} {d}%',
        show: true,
        position: 'inside'
      }
    },
    itemStyle: {}
  }]
};

function initChart(canvas, width, height, dpr) {
  chart = echarts.init(canvas, null, {
    width: width,
    height: height,
    devicePixelRatio: dpr // new
  });
  canvas.setChart(chart);
  return chart;
}
Page({

  /**
   * 页面的初始数据
   */
  data: {
    loading: false,
    startDate: '',
    endDate: '',
    ec: {
      onInit: initChart
    }
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {},
  // 时间选择器返回数据
  dateChange(e) {
    this.setData({
      startDate: e.detail.startDate,
      endDate: e.detail.endDate,
    })
  },
  initData() {
    this.setData({
      loading: true
    })
    getwxcdTj({
      startdate: this.data.startDate,
      enddate: this.data.endDate,
    }).then(res => {
      let seriesData = []
      res.data.forEach(item => {
        seriesData.push({
          name: item.mch,
          value: item.num
        })
      })
      option.series[0].data = seriesData;
      // 给chart图表添加接口返回的数据
      setTimeout(() => {
        chart.setOption(option);
        this.setData({
          loading: false
        })
        let index = 0;
        setInterval(() => {
          chart.dispatchAction({
            type: 'showTip',
            seriesIndex: 0,
            dataIndex: index
          })
          index++
          if (index > seriesData.length - 1) {
            index = 0
          }
        }, 2000)
      }, 1000);
    })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {
    this.initData()
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})